<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="../templates/commonAdmin.xhtml">
	<ui:define name="pageTitle">Accueil Administrateur</ui:define>
	<ui:define name="pageHeader">Header</ui:define>
	<ui:define name="pageWrapper">
		<h:form>

			<div class="well">
				<h4>Rechercher</h4>
				<div class="input-group">
					<h:inputText value="#{backVoyageBean.destination}"
						class="form-control" style="width:140px;" />
					<br />

					<h:commandButton class="btn btn-default" style="width:140px;"
						value="Rechercher" action="#{backVoyageBean.rechercherVoyages}" />

				</div>
			</div>


			<div class="row">

			<div class="col-lg-8">
				<c:forEach items="#{backVoyageBean.voyages}" var="voyage">
					<div class="col-sm-4 col-lg-4 col-md-4">

						<div class="thumbnail">
							<img
								src="/voyages-web/resources/img/#{voyage.destination.toLowerCase()}/1.jpg"
								class="img-responsive"></img>

							<div class="caption">
								<h4 class="pull-right">#{voyage.prix} €</h4>
								<h4>
									<a href="#">#{voyage.destination}</a>
								</h4>

							</div>

							<div class="ratings">
								<p class="pull-right">#{voyage.nbrePlace} places</p>
								<p>
									<span class="glyphicon glyphicon-star"></span> <span
										class="glyphicon glyphicon-star"></span> <span
										class="glyphicon glyphicon-star"></span> <span
										class="glyphicon glyphicon-star"></span> <span
										class="glyphicon glyphicon-star"></span>
								</p>
							</div>
							<!-- div ratings -->

						</div>
						<!-- div thumbnail -->

					</div>
					<!-- Div class="col-sm-4 col-lg-4 col-md-4" -->
				</c:forEach>
				</div>

				<!-- 				<div class="col-sm-4 col-lg-4 col-md-4"> -->
				<!-- 					<div class="thumbnail"> -->
				<!-- 						<img src="/voyages-web/resources/img/seychelles/1.jpg" -->
				<!-- 							height="150" width="320" alt="seychelles"></img> -->
				<!-- 						<div class="caption"> -->
				<!-- 							<h4 class="pull-right">10627 €</h4> -->
				<!-- 							<h4> -->
				<!-- 								<a href="#">Seychelles</a> -->
				<!-- 							</h4> -->

				<!-- 						</div> -->
				<!-- 						<div class="ratings"> -->
				<!-- 							<p class="pull-right">15 commandes</p> -->
				<!-- 							<p> -->
				<!-- 								<span class="glyphicon glyphicon-star"></span>  -->
				<!-- 								<span class="glyphicon glyphicon-star"></span>  -->
				<!-- 								<span class="glyphicon glyphicon-star"></span> -->
				<!-- 								<span class="glyphicon glyphicon-star"></span> -->
				<!-- 								<span class="glyphicon glyphicon-star"></span> -->
				<!-- 							</p> -->
				<!-- 						</div> -->
				<!-- 					</div> -->
				<!-- 				</div> -->





			</div>
			<!-- div row -->

		</h:form>


	</ui:define>
</ui:composition>

</html>